<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
	<link rel="stylesheet" type="text/css" href="css/follow/follow.css">
	<link rel="stylesheet" type="text/css" href="css/follow/leavmessage.css">
	<link rel="stylesheet" type="text/css" href="css/follow/compose.css">
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/follow/follow.js"></script>
	<script type="text/javascript" src="js/follow/leavmessage.js"></script>
	<script type="text/javascript" src="js/follow/chatSocket.js"></script>
	<script type="text/javascript" src="js/follow/compose.js"></script>
	<script type="text/javascript" src="js/follow/chat.js"></script>
	<script type="text/javascript">
          var picture = "${LoginUser.getPicture()}";
	</script>
  </head>
  <body>
  <!-- 顶部导航 -->
	<%@ include file="header.jsp"%>
	<!-- 顶部导航结束 -->
	<div style="height: 65px;"></div>
  <div id="userCard">
  	<c:forEach items="${focus.userInfoList}" var="focus">
  	<div class="user_card">	
		<div class="maozi"></div>
		<div class="without-side">
			<div>
				<div class="avatar-unit">
					<div class="avatar-pic">
						<a rel="nofollow" href=""><img width="140" height="140" src="${focus.picture}"  /></a>
					</div>
					<div class="counts clearfix">
						<div class="followers">
							<div class="num">${focus.fansNum}</div>
							<div class="sub">粉丝</div>
						</div>
						<div class="follows">
							<div class="num">${focus.focusNum}</div>
							<div class="sub">关注</div>
						</div>
					</div>
				</div>
				<div class="avatar-info">
                    <input type="hidden" id="userCardId" value="${focus.userId}">
					<a href="showByUserId?userId=${focus.userId}"><h1>${focus.nickName}</h1></a>
					<p class="personalInfo less clearfix"><span class="label">姓名：</span><span class="f-l">${focus.nickName}</span></p>
					<p class="personalInfo muted clearfix"><span class="label">性别：</span><span class="f-l">${focus.sex}</span></p>
				</div>
				<div class="panel1">
		            <ul>

		            </ul>
	        	</div>
        	</div>
        	<div class="right">
        		<div class="wrapper">
					<div class="ds-post-main">
						<div class="ds-avatar">
							<a title="设计达人" href="http://sc.chinaz.com/" target="_blank"><img alt="站长素材" src="images/zzsc.jpg"></a>
						</div>
						<div class="ds-comment-body">
							<span class="user-name">文章推荐</span>
							<%--<c:forEach items="${articleList}" var="article">
								<a href="" style="margin-top:10px;text-decoration:none;display:block;">${article.simContent}</a>
							</c:forEach>--%>
						</div>
					</div>
				</div>
	        	<div class="chat">
	        		<a class="button1 grey" onclick="leavMessage(this,'${focus.nickName}','${focus.userId}')">留   言</a>
	        		<a class="button1 darkblue" onclick="chat(this,'${focus.punsterName}','${focus.userId}','${focus.picture}')">私  信</a>
	        	</div>
        	</div>
		</div>
	</div>
 	</c:forEach>
  </div>
  </body>
</html>
